<!-- 同行信息 -->
<template>
<scroll-view class="fellow-info-page" scroll-y>
	<cover-image src="../../../static/images/fastServer/add_fellow.png" class="add-fellow-icon" @click="handleAddClick"></cover-image>
	<view class="info-item" v-for="(item, index) in list" :key="index">
		<view class="name-row">
			<image src="../../../static/images/fastServer/fellow_user.png" class="user-icon"></image>
			<view class="name-text">{{item.name}}</view>
		</view>
		<view class="info-item-row">
			<view class="label-text">性别:</view>
			<view class="value-text">{{item.sex}}</view>
		</view>
		<view class="info-item-row">
			<view class="label-text">电话:</view>
			<view class="value-text">{{item.phone}}</view>
		</view>
		<view class="info-item-row">
			<view class="label-text">身份证:</view>
			<view class="value-text">{{item.idCard}}</view>
		</view>
	</view>
</scroll-view>
</template>

<script>
	
	export default {
		data() {
			return {
				list: [
					{name: '张葛强', sex: '男', phone: 15687487456, idCard: 410525478498547845}
				]
			}
		},
		methods: {
			/**
			 * 点击添加
			 */
			handleAddClick() {
				uni.navigateTo({
					url: '/pages/users/fellow/add'
				})
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.fellow-info-page {
		height: 100vh;
		background: #F8F8F8;
		.add-fellow-icon {
			width: 90rpx;
			height: 90rpx;
			position: fixed;
			right: 17rpx;
			bottom: 494rpx;
		}
		.info-item {
			padding-bottom: 30rpx;
			background-color: #fff;
			margin-bottom: 20rpx;
			.name-row {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				padding: 30rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.05);
				margin-bottom: 20rpx;
				.user-icon {
					width: 35rpx;
					height: 33rpx;
					margin-right: 21rpx;
					
				}
				.name-text {
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #000000;
					line-height: 20px;
				}
			}
			.info-item-row {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				padding: 10rpx 30rpx;
				.label-text {
					width: 90rpx;
					font-size: 26rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #A6A6A6;
					margin-right: 31rpx;
				}
				.value-text {
					font-size: 26rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #000000;
				}
				
			}
		}
		
	}
</style>